<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title></title>
    <link rel="stylesheet" href="css/libs/weui.css">
    <link rel="stylesheet" href="css/libs/jquery-weui.min.css">
    <link rel="stylesheet" href="css/project.css">
    <script src="js/libs/jquery-3.0.0.min.js"></script>
    <script src="js/libs/weui.js"></script>
    <script src="js/libs/swiper.min.js"></script>
    <script src="js/project.js"></script>
    <style>
        main{margin: 10px;border-radius: 4px;box-shadow: 0 0 3px #ccc;background: #fff;text-align: center;padding-bottom: 40px;}

        .btn{background: #bb000e;color: #fff;display: block;height:40px;line-height:40px;font-size: 17px; margin-top: 40px;}
    </style>
</head>
<body>
<header class="header">
    <span class="back"></span>
    <p class="title">下单成功，请支付</p>
</header>
<div style="height: 40px;"></div>
<main>
    <div style="height: 42px;line-height: 42px;font-size: 17px;color: #333;background: #f2f2f2;">订单未生效，请及时支付</div>
    <div class="content" >
        <div style="font-size: 15px;color: #333;margin: 40px 15px 30px;">此订单还未生效，将为您保留到2016-08-04
            12:30，您可以到【我的订单】中查看
        </div>
        <img width="165" height="165" src="">
        <p style="text-align: center;margin: 10px;">识别二维码关注公众号<br>
        可随时订餐和跟踪您的订单</p>
        <a href="page8-orderDetail.html" class="btn">跟踪订单去支付 》</a>
    </div>

</main>
</body>
</html>